<template>
    <!-- lzy 2023年3月13日 10点01分 -->
    <!-- 订单管理 -->
    <div id="sysOrder">
        <el-card class="sysOrder_card">
            <el-row>
                <el-col :span="4">
                    <el-input placeholder="输入订单号"></el-input>
                </el-col>
                <el-col :span="4">
                    <el-input placeholder="请输入登录名"></el-input>
                </el-col>
                <el-col :span="1" style="margin-left: -8px">
                    <el-button
                        icon="el-icon-search"
                    ></el-button>
                </el-col>
            </el-row>
            <el-row style="margin-top: 20px;">
                <el-table
                    :data="orderData"
                    border
                    style="width: 100%">
                    <el-table-column
                    fixed
                    prop="productId"
                    label="商品id">
                    </el-table-column>
                    <el-table-column
                    prop="productName"
                    label="商品名称">
                    </el-table-column>
                    <el-table-column
                    prop="quantity"
                    label="数量">
                    </el-table-column>
                    <el-table-column
                    prop="startingPrice"
                    label="起拍价">
                    </el-table-column>
                    <el-table-column
                    prop="transactionPrice"
                    label="成交价">
                    </el-table-column>
                    <el-table-column
                    prop="earnestMoney"
                    label="保证金">
                    </el-table-column>
                    <el-table-column
                    prop="durationOfBidding"
                    label="竞买时长">
                    </el-table-column>
                    <el-table-column
                    prop="commissionRate"
                    label="佣金比例">
                    </el-table-column>
                    <el-table-column
                    prop="deliveryType"
                    label="交货方式">
                    </el-table-column>
                    <el-table-column
                    prop="deliveryPoints"
                    label="交货地点">
                    </el-table-column>
                    <el-table-column
                    prop="orderFlag"
                    label="保证金">
                    </el-table-column>
                    <el-table-column
                    prop="addressId"
                    label="地址id">
                    </el-table-column>
                    <el-table-column
                    prop="orderNumber"
                    label="订单编号"
                    width='180px'>
                    </el-table-column>
                    <el-table-column
                    prop="transactionTotal"
                    label="订单总价">
                    </el-table-column>
                    <el-table-column
                    prop="creationTime"
                    label="创建时间"
                    width='120px'>
                    </el-table-column>
                    <el-table-column
                    prop="updateTime"
                    label="修改时间"
                    width='120px'>
                    </el-table-column>
                    <el-table-column
                    prop="strikeTime"
                    label="付款时间"
                    width='120px'>
                    </el-table-column>
                    <el-table-column
                    fixed="right"
                    label="操作"
                    width='240px'>
                    <template slot-scope="scope">
                        <el-button
                        @click='openSysUserView(scope.row)'
                        size='small'
                        >查看</el-button
                        >
                        <el-button
                        @click='userFromEditSave(scope.row)'
                        size='small'
                        style="background-color: #534947; color: #fff"
                        >编辑</el-button
                        >
                    </template>
                    </el-table-column>
                </el-table>
            </el-row>
        </el-card>
    </div>
</template>

<script>
export default {
  data () {
    return {
      // 订单信息列表
      orderData: [],
      // 订单状态
      orderFlagList: [
        {
          id: 1,
          value: '待付款'
        },
        {
          id: 2,
          value: '待发货'
        },
        {
          id: 3,
          value: '待收货'
        }
      ]
    }
  },
  mounted () {
    // 初始化 获取订单信息列表
    this.getOrderListAll()
  },
  methods: {
    // 获取订单信息列表
    getOrderListAll () {
      this.$axios.get('/sysOrder/getSysOrderListAll').then(res => {
        this.orderData = res.data.obj
      })
    }
  }
}
</script>

<style scoped>
#sysOrder{
    width: 100%;
    height: 100%;
}
.sysOrder_card{
    width: 100%;
    height: 100%;
}
</style>
